<template>
  <div>
    <button @click="openAlert" type="primary" >主按钮</button>
    <popup v-model="popupVisible" position="bottom" class="mint-datetime"></popup>
  </div>
</template>
<script>
  import Vue from 'vue'
  import {Popup} from 'mint-ui'
  Vue.component(Popup.name, Popup)
  export default {
    data(){
      return{
        popupVisible:false
      }
    },
    components: {
      'popup': Popup
    },
    methods:{
      openAlert(){
        this.popupVisible = !this.popupVisible;
      }
    }
  }
</script>

